import QtQuick 1.0
import "content" as Content

Rectangle {
	id: mainWindow
	width: 800; height: 480; radius: 0
	 gradient: Gradient {
		 GradientStop {position: 0; color: "#cfcfcf"}
		 GradientStop {position: 0.99; color: "#7c7c7c"}
	 }

 Flickable {
	 id: toolbarScroll
	 x: 600;  y: 0
	 width: 200; height: 480
	 contentHeight: 480; contentWidth: 400
	 boundsBehavior: Flickable.StopAtBounds; flickableDirection: Flickable.HorizontalFlick

	 Rectangle {
		 id: toolbar
		 x: 200; y: 0
		width: 200; height: 480
		anchors.right: parent.right; anchors.rightMargin: 0
		anchors.bottom: parent.bottom; anchors.bottomMargin: 0
		anchors.top: parent.top; anchors.topMargin: 0

		gradient: Gradient {
			id: toolbarGradient
		   GradientStop {position: 0.03; color: "#363535"}
		   GradientStop {position: 0.99; color: "#111010"}
		}

		ListView{
			anchors.fill: parent
			model: Content.DayPeriod{}
			delegate:Content.DayPeriodDelegate{}
			highlight: Rectangle { color: "black"; radius: 2 }
//			focus: true

		}


		 Rectangle {
			 id: toolbarHandle
			x: 115; y: 99; rotation: 90;  z: 0
			width: 480;  height: 30; radius: 0
			gradient: Gradient {
			GradientStop {position: 0; color: "#000000"}
			GradientStop {position: 0.49; color: "#333232"}
			GradientStop {position: 0.99; color: "#000000"}
		}
		anchors.right: parent.right
		anchors.rightMargin: -30
		anchors.verticalCenter: parent.verticalCenter

		 }
	 }
 }



 Image {
	 id: exitImage
	 x: 7; y: 11
	 width: 48; height: 48
	 source: "x.png"

	 MouseArea {
		 id: exitMouseArea
		 onClicked: Qt.quit()
		 anchors.fill: parent
	 }
 }
}
